.tippy-popper {
  max-width: 800px;
}

.tippy-popper[x-placement^=top] [x-arrow],
.tippy-popper[x-placement^=top] [x-arrow].arrow-small,
.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
  border-top-color: var(--ls-tertiary-background-color);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: var(--ls-secondary-background-color);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-top-color: var(--ls-secondary-background-color);
}

.tippy-popper[x-placement^=bottom] [x-arrow],
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small,
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
  border-bottom-color: var(--ls-tertiary-background-color);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-bottom-color: var(--ls-secondary-background-color);
}

.tippy-popper[x-placement^=left] [x-arrow],
.tippy-popper[x-placement^=left] [x-arrow].arrow-small,
.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
  border-left-color: var(--ls-tertiary-background-color);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-left-color: var(--ls-secondary-background-color);
}

.tippy-popper[x-placement^=right] [x-arrow],
.tippy-popper[x-placement^=right] [x-arrow].arrow-small,
.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
  border-right-color: var(--ls-tertiary-background-color);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-right-color: var(--ls-tertiary-background-color);
}

.tippy-tooltip {
  @apply shadow border border-gray-07 dark:border-gray-05 px-2 py-1;

  will-change: auto;
  color: var(--ls-primary-text-color, hsl(var(--foreground)));
  background-color: var(--lx-gray-03, var(--ls-tertiary-background-color, var(--rx-gray-03)));
}

.tippy-tooltip [x-circle] {
  will-change: auto;
}

.tippy-popper .tippy-tooltip.customized-theme * {
  text-align: left;
}

.tippy-wrapper {
  border-radius: 8px;
  margin: 0 -6px;
}

.tippy-hover {
  cursor: pointer;
}

.tippy-popper .tippy-tooltip.monospace-theme {
  font-family: 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW', monospace;
}
